<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>设置-处方查询</title>

    <!-- Bootstrap -->
    <link href="../asset/css/bootstrap.min.css" rel="stylesheet">
	  <link rel="stylesheet" type="text/css" href="./../asset/css/datepicker3.css"/>
    <link href="./../css/comm.css" rel="stylesheet">
    <link href="./../css/setting.css" rel="stylesheet">
    <style type="text/css">
    	#data_5{
    		display: flex;
    		display: -webkit-flex;
    	}
			.input-group{
				width: 85%;
				margin: 15px;
			}
    </style>
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- begin header -->
    <header>
        <nav class="navbar navbar-default" >
          <ul class="nav nav-tabs nav-justified top-nav" style="width: 97%;margin: 0 auto">
            <li>
              <h2>LOGO/**处方平台</h2>
            </li>
            <li><p>2018年8月20号   星期一</p></li>
            <li>
              <div class="form-group count-form">
                <div>
                  <p><img src="./../img/set-icon_03.png" alt="勋章"></p>
                </div>
                <div>
                  <p>账户：<span>VGJ5476213</span></p>
                  <p>我的会员3天后到期</p>
                </div>
                
              </div>
            </li>
          </ul>
        </nav>
    </header>
    <!-- end header -->
    <!-- begin content -->
      <div class="content">
        <div class="row" style="margin: 0">
            <div class="col-xs-6 col-md-2">
                <ul class="setting-menus-nav">
                  <li>
                    <span><img src="./../img/set-icon_07.jpg" alt=""></span>
                    <span>店员设置</span>
                    <span class="glyphicon glyphicon-plus"></span>
                  </li>
                  <li class="active">
                    <span><img src="./../img/set-icon_10.jpg" alt=""></span>
                    <span>处方查询</span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_13.jpg" alt=""></span>
                    <span>处方审核查询</span>
                  </li>
                  <li >
                    <span><img src="./../img/set-icon_15.jpg" alt=""></span>
                    <span>含麻登记查询</span>
                  </li>
                  <li >
                    <span><img src="./../img/set-icon_18.jpg" alt=""></span>
                    <span>门店充值</span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_22.jpg" alt=""></span>
                    <span>药品导入</span>
                  </li>
                </ul>
            </div>
            <div class="col-xs-6 col-md-10">
				<div class="nav-top">
					<div class="row">
					  <div class="col-lg-6">
						  <div class="form-group" id="data_5">
						  	<label class="font-noraml">日期选择</label>
						  	<div class="input-daterange input-group" id="datepicker">
						  		<input type="text" class="input-sm form-control" name="start" value="2014-11-11" />
						  		<span class="input-group-addon">到</span>
						  		<input type="text" class="input-sm form-control" name="end" value="2014-11-17" />
						  	</div>
						  </div>
					  </div><!-- /.col-lg-6 -->
					  <div class="col-lg-6">
						  <button class="btn btn-default">查询</button>
					  </div><!-- /.col-lg-6 -->
					</div>
				</div>
                <table class="table members-table">
                  <thead>
                    <tr>
                      <td>单据号</td>
                      <td>姓名</td>
                      <td>性别</td>
                      <td>电话</td>
                      <td>身份证号</td>
                      <td>操作</td>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>CFSH0000047</td>
                      <td>篮子</td>
                      <td>女</td>
                      <td>13883562342</td>
                      <td>51012199505256621</td>
                      <td><a href="javascript:void(0)">查看详情</a>&nbsp;&nbsp;<a href="javascript:void(0)">视频回放</a></td>
                    </tr>
                  </tbody>
                </table>
            </div>
          </div>
      </div>
      <!-- end content -->
      <footer>
          <nav class="navbar navbar-default" >
          <ul class="nav nav-tabs nav-justified">
            <li >
              在线问诊
            </li>
            <li>
              在线审方
            </li>
            <li>
              含麻登记
            </li>
            <li>
              会员中心
            </li>
            <li class="active">
              设置
            </li>
          </ul>
        </nav>
      </footer>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="../js/jquery.min.js"></script>
    <script src="../asset/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../asset/js/bootstrap-datepicker.js"></script>
		<script type="text/javascript" src="../asset/js/cropper.min.js"></script>
		<script type="text/javascript">
			$('#data_5 .input-daterange').datepicker({
					keyboardNavigation: false,
					forceParse: false,
					autoclose: true
				});
		</script>
  </body>
</html>